<template>
    <div class="container">
        <div class="points">
            <div class="wrapper-pointer">
                <span class="point">
                    5.0分 超赞
                </span>
                <span class="comments">
                    226435条评论 39条攻略
                </span>
            </div>
        </div>
        <div class="intro">
            <div class="item-intro">景点简介</div>
            <div class="open-time">开放时间、贴士</div>
        </div>
        <div class="position">上海市浦东新区川沙新镇上海迪士尼度假区内</div>
    </div>
</template>

<script>
export default {
  name: 'Detail-Info'
}
</script>

<style scoped lang="stylus">
    .container
        position: relative;
        top: -0.2rem
        height: 0
        padding-bottom: 28%
        background: #ffffff
        border-radius: 0.2rem 0.2rem 0 0
        .points
            width: 3.75rem
            float: left
            height: 1.2rem
            overflow: hidden
            position: relative
            box-sizing: border-box
            .wrapper-pointer
                position: absolute
                bottom: 0.1rem
                height: 1rem
                width: 3.73rem
                border-right: #cccccc solid 0.02rem
                .point
                    display: block
                    color: #ff8200
                    margin: 0.2rem 0 0 0.2rem
                    font-size: 0.36rem
                .comments
                    display block
                    position: absolute
                    bottom: 0rem
                    left: 0.2rem
                    font-size: 0.24rem
                    color: #9e9e9e
        .intro
            width: 3.75rem
            float: right
            height: 1.1rem
            overflow: hidden
            position: relative
            .item-intro
                display: block
                margin: 0.27rem 0 0 0.3rem
                font-size: 0.3rem
            .open-time
                display block
                position: absolute
                bottom: 0rem
                left: 0.3rem
                color: #9e9e9e
                font-size: 0.24rem
        .position
            position: absolute
            bottom: 0rem
            width: 7rem
            margin: 0 0.25rem 0 0.25rem
            height: 0.675rem
            text-align: center
            line-height: 0.675rem
            border-top: 0.02rem solid #cccccc
            font-size: 0.25rem
</style>
